import { PureComponent, ReactNode } from "react";
class Pure extends PureComponent{
    // 纯净组件PureComponent相当于是定义好的shouldComponent
    // 会默认比较新旧props和state，浅比较（只比较一层）
    state={
        // msg:'心如止水'
        msg:{
            name:'心如止水'
        }
    }
    render(): ReactNode {
        console.log('执行');
        
        return(
            <fieldset>
                <legend>纯净组件</legend>
                <h1>{this.state.msg.name}</h1>
                <button onClick={()=>{
                    this.setState({
                        msg:{
                            name:'心静'
                        }
                    })
                }}>点击</button>
            </fieldset>
        )
    }
}

export default Pure